// web/src/app/learn/(dashboard)/_components/sidebar.tsx
import React from 'react';
import Logo from "@/app/learn/(dashboard)/_components/logo";
import SidebarRoutes from "@/app/learn/(dashboard)/_components/sidebar-routes";

const Sidebar = () => {
    return (
        <div className={`h-full border-r flex flex-col overflow-y-auto bg-white shadow-sm`}>
            <div className={`p-6`}>
                <Logo/>
            </div>
            <div className={`flex flex-col w-full`}>
                <SidebarRoutes/>
            </div>
        </div>
    );
};

export default Sidebar;